<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>右侧导航栏</title>
		
		<link rel="stylesheet" href="css/rightfixed.css"/>
		<link rel="stylesheet" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css" />
		<script type="text/javascript" src="js/jquery-3.4.1.min.js" ></script>
		
		<script type="text/javascript" src="js/rightfixed.js"></script>
	</head>
	
	<body>
		
		
		
	    <div class="rightnav" style="z-index: 999;">
	    	<div class="rightnav-box1"> 
	    	<ul>
	    		
	    		
	    		
	    			
				<li  class="one" style="position: fixed; top:198px;">
					<div class="rightnav-login"><span class="fa fa-user-o"></span><br><i style="font-style: normal;">账号</i></div>
					<div class="rightnav-login-box">
				
						<div class="img">
							<img src="imgs/list-54.jpg">
						</div>
						<div class="hello">
							你好！请<a href="login.html">登录</a>|<a href="register.html">注册</a>
						</div>
						<div class="message">
						<div style="width: 60px;height: 76px;float: left;padding: 18px 0 0 60px;font-size: 30px;color: #CECECE;"><span class="fa fa-file-text"></span></div>
						<div style="float: left;font-size: 50px; padding: 0 0 0 5px;"><span style="line-height: 50px;color: #CECECE;">|</span></div>
						<div style="width: 60px;height: 76px;float: left;padding: 18px 0 0 30px;font-size: 30px;color: #CECECE;"><span class="fa fa-envelope"></span></div>
						</div>
						<div class="club">
						<a href="#" style="font-size: 12px;color: #20a0cd;">会员俱乐部</a>
						</div>
						</div>	
				</li>
				
				
				
				
				
				
				<li class="two" style="position: fixed; top:248px;">
					
					<div class="rightnav-car">
						<span class="fa fa-shopping-bag"></span>					
						<p style="width: 14px;height: 54px;text-align: center;margin: 0 auto;">购物袋</p>
						<br>
						<span class="fa fa-dot-circle-o"></span>
					</div>
						
				    <div class="rightnav-car-box">
							<div class="img">
							<img src="imgs/list-54.jpg">
							</div>
						    <div class="hello">
								你好！请<a href="login.html">登录</a>|<a href="register.html">注册</a>
							</div>
					</div>
					
				</li>
				
				<li class="three" style="position: fixed; top:413px;">
					<div class="rightnav-coupons">
					<span class="fa fa-money"></span>
					</div>
					<div class="rightnav-coupons-box">
				          我的优惠券
					</div>
					
				</li>
				
				<li class="1 " style="position: fixed; top:455px;">
					<div class="rightnav-celect"><span class="fa fa-heart-o"></span></div>
					<div class="rightnav-celect-box">
					品牌收藏
					</div>
			
				</li>
				
				
				<li class="four" style="position: fixed; top:497px;">
					<div class="rightnav-goodcelect"><span class="fa fa-star-o"></span></div>
					<div class="rightnav-goodcelect-box">
						商品收藏
					</div>
				</li>
				
				
				<li  class="five" style="position: fixed; top:540px;">
					<div class="rightnav-footprint"><span class="fa fa-clock-o"></span></div>
					
					<div class="rightnav-footprint-box">
						我的足迹
					</div>
				</li>
				
			</ul>
			</div>
			
			
			
			<div class="rightnav-box2">
				<ul>
					<li >
						<div class="right-foot-up"><span class="fa fa-pencil"></span></div>
						<div class="right-foot-up-box">
						会员反馈
						</div>
			
					</li>
					<li >
						<div class="gotop" id="gotop">
						<a href="javascript:void(0)" onclick="gotop()">
							<span class="fa fa-chevron-up"></span>
						</a>
						</div>
						<div class="gotop-box">
						返回顶部
						</div>
						
					</li>
					
				</ul>
			</div>
				
			
			
			
	
			
	    </div>
		
	</body>
</html>
